@import '../../config/base.scss';

.goods-item-wrapper {
	.goods-item {
		width: 100%;
		padding: 0.1rem $gap;
		overflow: hidden;
		border-top: 1px solid #ecebeb;

		img {
			width: 100px;
			border-radius: 4px;
			margin-right: 15px;
			float: left;
		}

		.info {
			overflow: hidden;
		}

		.name {
			margin-bottom: 40px;
			height: 40PX;
			line-height: 20px;
			overflow: hidden;
			font-size: 14px;
			color: #333;
			font-weight: bold;
		}

		.price {
			font-size: 14px;
			color: #ec3131;
			float: left;
		}

		.addCart{
			float: right;

			i{
				color: #fb7d02;
				font-size: 24px;
			}
		}

		.specification {
			float: right;
			font-size: 14px;
			color: #fb7d02;
			padding-left: 14px;
			border-left: 1px solid #ecebeb;

			i {
				font-size: 12px;
				vertical-align: 1px;
				margin-left: 3px;
			}
		}
	}

	.specification-item-wrapper{
		height: 46px;

		.specification-item{
			width: 100%;
			padding: 0.1rem $gap;
			overflow: hidden;
			border-top: 1px solid #ecebeb;
			background-color: #fafafa;

			.price {
				line-height: 26px;
				font-size: 14px;
				color: #ec3131;
				float: left;
			}

			.addCart{
				float: right;

				i{
					color: #fb7d02;
					font-size: 24px;
				}
			}
		}
	}

	.goods-item-category{
		width: 100%;
		padding: 0.1rem 0.1rem;
		overflow: hidden;
		border-top: 1px solid #ecebeb;

		img {
			width: 80px;
			border-radius: 4px;
			margin-right: 10px;
			float: left;
		}

		.info {
			overflow: hidden;
		}

		.name {
			margin-bottom: 26px;
			height: 36px;
			line-height: 18px;
			overflow: hidden;
			font-size: 12px;
			color: #333;
		}

		.price {
			font-size: 12px;
			color: #ec3131;
			float: left;
		}

		.addCart{
			float: right;

			i{
				color: #fb7d02;
				font-size: 24px;
			}
		}

		.specification {
			float: right;
			font-size: 12px;
			color: #fb7d02;
			padding-left: 14px;
			border-left: 1px solid #ecebeb;

			i {
				font-size: 12px;
				//vertical-align: -1px;
				//margin-left: 3px;
			}
		}
	}

	.specification-item-wrapper{
		height: 46px;

		.specification-item{
			width: 100%;
			padding: 0.1rem 0.1rem;
			overflow: hidden;
			border-top: 1px solid #ecebeb;
			background-color: #fafafa;

			.price {
				line-height: 26px;
				font-size: 12px;
				color: #ec3131;
				float: left;
			}

			.addCart{
				float: right;

				i{
					color: #fb7d02;
					font-size: 24px;
				}
			}
		}
	}
}